<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>优盘</title>
    <link rel="stylesheet" href="/static/css/base.css">
    {% block style %}
    {% endblock %}
</head>
<body>
    <div class="content">
        <div class="left_nav">
            <ul class="nav">
                <li class="nav_item">
                    <a href="/">文件总览</a>
                    <ul>
                        <li><a>所有</a></li>
                        <li><a>文本</a></li>
                        <li><a>视频</a></li>
                        <li><a>图片</a></li>
                        <li><a>目录</a></li>
                    </ul>
                </li>
                <li class="nav_item">
                    <a>历史记录</a>
                </li>
                <li class="nav_item">
                    <a>删除文件</a>
                </li>
            </ul>
        </div>
        <div class="right">
            <div class="right_nav">
                优盘
                <div class="ud">
                    <a onclick="upload()">上传</a>
                    <input type="file" id="image" name="image" style="display:none;"/>
                    {% csrf_token %}
                    <a onclick="down()">下载</a>
                </div>
            </div>
            <div class="right_content" id="vue_content">
                {% block content %}
                {% endblock %}
            </div>
        </div>
    </div>
    <script src="/static/js/jquery.min.js"></script>
    <script src="/static/js/base.js"></script>
</body>
</html>